@charset "utf-8";
/* CSS Document */
body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,ol,p,i,b,strong,a,table,th,td,form,input,textarea
{font-family: "SF Pro SC", "HanHei SC", "Myriad Set Pro", "PingFang SC", "Microsoft YaHei", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
@font-face{
    font-family:'FuturaLL';
    src:url('../font/Futura LT Light.otf');
}
ol,ul,li{list-style:none;}
a{color:#333;text-decoration:none;-webkit-transition:all 0.5s;transition:all 0.5s;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
/* --Public-- */
.pub{width:1240px;padding:0 20px;margin:auto;position:relative;}
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
/* --header-- */
.top{min-width:1240px;height:36px;font-size:14px;color:#666;line-height:36px;background:#e8e8e8;overflow:hidden;}
.top a{font-size:14px;color:#666;}
.top a:hover{color:#00ad6a;}

.header{min-width:1240px;height:102px;overflow:hidden;}
.header .logo{height:102px;float:left;display:table;}
.header .logo img{height:60px;display:block;}

.header .tel{font-size:16px;line-height:32px;padding-left:54px;margin-top:18px;background:url(../images/tel.png) no-repeat left center;float:right;}
.header .tel p{font-size:30px;font-weight:bold;}

.nava{min-width:1240px;height:52px;background:#0170e2;}
.nava ul{width:1240px;padding:0 20px;margin:auto;position:relative;}
.nava ul li{width:150px;float:left;position:relative;}
.nava ul .t1{width:100%;height:52px;font-size:18px;color:#FFF;line-height:52px;text-align:center;display:block;overflow:hidden;}
.pull-down{width:100%;height:auto;padding:6px 0;position:absolute;left:0;top:52px;z-index:999;background:rgba(0,0,0,0.6);display:none;}
.pull-down a{width:100%;height:32px;font-size:14px;color:#FFF;text-align:center;line-height:32px;display:block;overflow:hidden;}
.pull-down a:hover{font-weight:bold;text-decoration:underline;}
.nava ul li:hover .t1{background:#00ad6a;}
.nava ul li:hover .pull-down{display:block;}

/* --banner-- */
.swiper-banner{width:100%;min-width:1240px;height:460px;overflow:hidden;background:#fff;position:relative;z-index:9;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.banner_pagination{width:auto;height:18px;text-align:center;position:absolute;left:auto !important;right:0 !important;bottom:15px !important;z-index:99;}
.banner_pagination .swiper-pagination-bullet{background:#ddd !important;margin:5px !important;}
.banner_pagination .swiper-pagination-bullet-active{background:#FFF !important;}

/* --index-- */
.index-product{min-width:1240px;padding:60px 0;overflow:hidden;background:#f3f3f3;position:relative;}
.sidebar{width:254px;float:left;background:#FFF;}
.sidebar .title{width:254px;height:196px;padding:80px 0 0 20px;font-size:30px;color:#FFF;line-height:36px;font-weight:bold;background:url(../images/index-product-bg.png) no-repeat center;}

.sidebar ul li{border-bottom:1px solid #ddd;}
.sidebar ul li .t1{height:56px;padding:0 50px 0 30px;font-size:15px;line-height:56px;background:url(../images/index-product-arrow.png) no-repeat right 25px center;display:block;}
.sidebar ul li .t1:hover{color:#00ad6a;text-decoration:underline;}
.sidebar ul li .pull{padding-top:10px;padding-bottom:10px;background:#f3f3f3;display:none;}
.sidebar ul li .pull a{height:28px;font-size:13px;line-height:28px;color:#666;display:block;text-indent:30px;overflow:hidden;}
.sidebar ul li .pull a:hover{color:#00ad6a;text-decoration:underline;}


.sidebar .tel{width:254px;height:172px;padding-top:80px;font-size:30px;color:#333;text-align:center;font-weight:bold;line-height:36px;background:url(../images/index-product-tel.png) no-repeat center;}
.sidebar .tel p{font-family:'FuturaLL';}


.container{width:904px;float:right;}
.container-title{height:60px;line-height:56px;padding-bottom:4px;background:url(../images/index-product-line.png) repeat-x left bottom;overflow:hidden;}
.container-title h2{font-size:24px;color:#00ad6a;float:left;}
.container-title .location{font-size:15px;float:right;}
.container-title .location a:hover{color:#00ad6a;}

.container-text{padding:10px 0;}
.container-text p{font-size:16px;line-height:32px;color:#333;margin-top:12px;text-indent:2em;}
.container-text table{width:840px;margin:20px 32px 0;border:1px solid #ccc;}
.container-text table tr td{font-size:15px;color:#666;line-height:20px;text-align:center;padding:5px;}
.container-text img{width:840px;margin-left:32px;display:block;}


.product-list{}
.product-list a{width:278px;padding:30px 20px 20px;background:#FFF;margin-right:35px;margin-top:26px;float:left;}
.product-list a:nth-child(3n){margin-right:0;}
.product-list a .img img{width:100%;height:auto;display:block;}
.product-list a .title{height:48px;font-size:16px;line-height:24px;margin-top:40px;text-align:center;overflow:hidden;}
.product-list a:hover .title{color:#00ad6a;}

.article-title{font-size:20px;font-weight:bold;line-height:32px;text-align:center;color:#000;margin-top:20px;}
.article-img{width:100%;margin:auto;margin-top:15px;margin-bottom:20px;text-align:center;}
.article-img img{max-width:520px;min-width:342px;background:#f6f6f6;padding:10px;}
.article-des{margin:8px 0 8px 0px;width:100%;height:30px;background:rgb(210,210,210);}
.article-des b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#00ad6a;color:#fff;line-height:30px;}



.index-company{min-width:1240px;padding:60px 0;overflow:hidden;background:url(../images/index-company.jpg) no-repeat center;position:relative;}
.index-company-left{width:514px;float:left;}
.index-company-left .title{font-size:30px;line-height:62px;color:#FFF;font-weight:bold;background:url(../images/index-company-title.png) no-repeat left center;}
.index-company-left .title span{width:56px;height:2px;background:#FFF;display:block;}
.index-company-left .title2{font-size:24px;line-height:32px;color:#FFF;font-weight:bold;margin:36px 0 16px;}
.index-company-left .con{font-size:16px;line-height:32px;color:#FFF;}
.index-company-left a{width:172px;height:45px;font-size:16px;line-height:45px;color:#FFF;text-align:center;background:#00ad6a;margin-top:30px;border-radius:6px;display:block;}
.index-company-right{width:576px;float:right;}
.index-company-right img{width:100%;display:block;}


.index-recommend{min-width:1240px;padding:60px 0;overflow:hidden;background:#f3f3f3;}
.index-recommend-title{font-size:30px;line-height:62px;color:#333;font-weight:bold;text-align:center;background:url(../images/index-recommend-title.png) no-repeat center;}
.index-recommend-title span{width:56px;height:2px;background:#0170e2;display:block;margin:auto;}
.index-recommend-swiper{margin-top:50px;overflow:hidden;}
.index-recommend-swiper a{width:273px;padding:30px 20px 20px;background:#FFF;display:block;}
.index-recommend-swiper a .img img{width:100%;height:auto;display:block;}
.index-recommend-swiper a .title{height:48px;font-size:16px;line-height:24px;margin-top:40px;text-align:center;overflow:hidden;}
.index-recommend-swiper a:hover .title{color:#00ad6a;}


.index-cases{min-width:1240px;padding:60px 0 50px;overflow:hidden;}
.index-cases-title{font-size:30px;line-height:62px;color:#333;font-weight:bold;text-align:center;background:url(../images/index-cases-title.png) no-repeat center;}
.index-cases-title span{width:56px;height:2px;background:#0170e2;display:block;margin:auto;}
.index-cases-list{margin-top:50px;}
.index-cases-list a{width:376px;float:left;margin-right:36px;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.index-cases-list a:nth-child(3n){margin-right:0;}
.index-cases-list a .img img{width:100%;height:auto;display:block;}
.index-cases-list a .title{height:72px;font-size:16px;line-height:72px;text-align:center;overflow:hidden;}
.index-cases-list a:hover .title{background:#00ad6a;color:#FFF;}


.index-news{min-width:1240px;padding:0 0 60px;overflow:hidden;}
.index-news-title{font-size:30px;line-height:62px;color:#333;font-weight:bold;text-align:center;background:url(../images/index-news-title.png) no-repeat center;}
.index-news-title span{width:56px;height:2px;background:#0170e2;display:block;margin:auto;}
.index-news-list{margin-top:50px;}
.index-news-list a{width:376px;margin-right:36px;padding-bottom:30px;box-shadow:0 0 10px rgba(0,0,0,0.2);float:left;}
.index-news-list a:nth-child(3n){margin-right:0;}
.index-news-list a .img img{width:100%;height:auto;margin-bottom:30px;display:block;}
.index-news-list a .time{width:88px;height:75px;padding-top:15px;font-size:14px;color:#FFF;text-align:center;line-height:24px;float:left;background:#0170e2;}
.index-news-list a .time b{font-size:20px;display:block;}
.index-news-list a .title{width:238px;margin-left:25px;float:left;}
.index-news-list a .title b{height:32px;font-size:16px;line-height:32px;overflow:hidden;text-decoration:underline;display:block;}
.index-news-list a .title p{height:72px;font-size:16px;line-height:24px;overflow:hidden;margin-top:6px;}
.index-news-list a:hover .title b{color:#00ad6a;}


.footer{min-width:1240px;padding:35px 0;background:#454545;}
.footer-left{width:426px;height:160px;float:left;display:table;}
.footer-left img{max-width:100%;max-height:42px;display:block;}

.footer-tel{width:356px;float:left;}
.footer-tel p{font-size:16px;line-height:24px;padding:14px 0 14px 28px;color:#FFF;}
.footer-tel p:nth-child(1){background:url(../images/footer-add.png) no-repeat left center;}
.footer-tel p:nth-child(2){background:url(../images/footer-tel.png) no-repeat left center;}
.footer-tel p:nth-child(3){background:url(../images/footer-email.png) no-repeat left center;}

.footer-middle{width:208px;float:left;}
.footer-middle ul{}
.footer-middle ul li{width:104px;font-size:16px;color:#FFF;line-height:40px;text-align:center;float:left;}
.footer-middle ul li:hover{color:#00ad6a;}

.footer-right{width:128px;float:right;margin-top:10px;}
.footer-right img{width:100%;display:block;}
.footer-right p{font-size:14px;color:#ccc;line-height:20px;text-align:center;margin-top:8px;}

.icp{min-width:1240px;font-size:13px;color:#ccc;line-height:20px;padding:18px 0;text-align:center;background:#454545;border-top:1px solid #ccc;}
.icp a{font-size:13px;color:#ccc;}

/* --inner-- */
.inner-banner{width:100%;min-width:1240px;height:276px;overflow:hidden;background-size:cover;background-position:center;overflow:hidden;}
.inner{min-width:1240px;padding:60px 0;overflow:hidden;background:#f6f6f6;}


.inner-product-list{background:#FFF;margin-top:10px;}
.inner-product-list a{width:100%;padding:25px 30px;border-bottom:1px dashed #ddd;display:block;}
.inner-product-list a .img{float:left;}
.inner-product-list a .img img{width:268px;height:200px;display:block;}
.inner-product-list a .title{width:550px;float:right;margin-top:10px;overflow:hidden;}
.inner-product-list a .title h3{height:32px;font-size:20px;font-weight:normal;line-height:32px;overflow:hidden;}
.inner-product-list a .title p{height:72px;font-size:15px;color:#666;line-height:24px;overflow:hidden;margin-top:20px;text-indent:2em;}
.inner-product-list a .title b{font-size:16px;color:#F00;display:inline-block;margin-top:20px;}
.inner-product-list a:nth-child(2n) .img{float:right;}
.inner-product-list a:nth-child(2n) .title{float:left;}

.news_list{width:100%;height:auto;}
.news_list li{padding:20px 150px 20px 0;border-bottom:1px dashed #ccc;position:relative;}
.news_list li .title{width:auto;height:30px;font-size:16px;font-weight:bold;line-height:30px;overflow:hidden;}
.news_list li .con{width:auto;height:48px;font-size:15px;line-height:24px;overflow:hidden;margin-top:10px;}
.news_list li .time{width:112px;height:88px;padding-top:16px;font-size:14px;color:#FFF;line-height:32px;text-align:center;background:#0170e2;position:absolute;right:0;top:20px;}
.news_list li .time b{font-size:36px;display:block;}
.news_list li a:hover{color:#00ad6a;}


.news-deatils{margin-top:30px;}
.news-deatils-name{font-size:20px;line-height:30px;color:#000;text-align:center;}
.news-deatils-time{font-size:12px;color:#999;line-height:24px;font-family:'FuturaLL';text-align:center;padding-bottom:10px;border-bottom:1px solid #ddd;}
.news-deatils-time span{display:inline-block;margin:auto 10px;}
.news-deatils-time .t1{padding-left:20px;background:url(../images/b25.png) no-repeat left center; background-size:auto 16px;}
.news-deatils-time .t2{padding-left:24px;background:url(../images/b26.png) no-repeat left center; background-size:auto 16px;}
.news-deatils-time .t3{padding-left:20px;background:url(../images/b27.png) no-repeat left center; background-size:auto 16px;}
.news-deatils-img{}
.news-deatils-img img{max-width:100%;display:block;margin:30px auto;}


.cases_list{}
.cases_list a{width:278px;float:left;margin-right:35px;margin-top:30px;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.cases_list a:nth-child(3n){margin-right:0;}
.cases_list a .img img{width:100%;height:auto;display:block;}
.cases_list a .title{height:52px;font-size:16px;line-height:52px;text-align:center;overflow:hidden;background:#FFF;}
.cases_list a:hover .title{background:#00ad6a;color:#FFF;}


.contact_font{width:640px;float:left;margin-top:50px;margin-left:10px;}
.contact_font h1{font-size:24px;color:#333;line-height:32px;margin-bottom:20px;}
.contact_font p{font-size:15px;color:#333;line-height:24px;margin-top:10px;padding-left:30px;}
.contact_font p.t1{background:url(../images/b19-2.png) no-repeat left center;}
.contact_font p.t2{background:url(../images/b20-2.png) no-repeat left center;}
.contact_font p.t3{background:url(../images/b21-2.png) no-repeat left center;}

.contact_erweima{width:154px;height:auto;float:left;margin-top:30px;}
.contact_erweima img{width:154px;height:auto;display:block;margin:auto;border:1px solid #eee;padding:6px;}
.contact_erweima p{font-size:15px;color:#333;line-height:24px;margin-top:10px;text-align:center;}

.contact-map{margin-top:40px;}
.contact-map #dituContent{width:100%;height:468px;}



/* --在线留言-- */
.inner_message h4{width:100%;margin:auto;font-size: 20px;font-weight:normal;color: #2e2e2e; margin-bottom: 10px;margin-top:20px;}
.inner_message p{width:100%;margin:auto;color: #666;font-size: 14px;}

#guestsmt{width:100%;margin:auto;margin-top:30px;}
.guestipt{width:30%;height:46px;float:left;margin-bottom:24px;margin-right:5%;border:none;outline:none;background-color:rgb(255,255,255);
box-sizing:border-box;padding:0px 46px 0 10px;font-size:14px;line-height:46px;font-family:"微软雅黑";}
#guestsmt #name{background:url(../images/m1.png) no-repeat right 10px center rgb(255,255,255);}
#guestsmt #tel{background:url(../images/m3.png) no-repeat right 10px center rgb(255,255,255);}
#guestsmt #email{background:url(../images/m2.png) no-repeat right 10px center rgb(255,255,255);}
.guestmr{margin-right:0px;}
.guestinfo{width:100%;height:164px;float:left;margin-bottom:24px;border:none;outline:none;
box-sizing:border-box;padding:10px 46px 10px 10px;font-size:14px;line-height:24px;font-family:"微软雅黑";
background:url(../images/m4.png) no-repeat right 10px top 12px rgb(255,255,255);}
.guestimg{width:80px;height:36px;float:left;margin-top:5px;}
.guestbtn{width:150px;height:36px;margin:auto;margin-top:24px;display:block;border:1px solid rgb(77,77,77);font-size:16px;line-height:36px;text-align:center;color:rgb(77,77,77);background:none;cursor:pointer;
-webkit-transition:all 0.6s;transition:all 0.6s;}
.guestbtn:hover{background:#00ad6a;border:1px solid #00ad6a;border-radius:36px;color:#FFF;}


/* --暂无内容-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{width:220px;max-height: 105px;display: block;margin:0 auto 30px;}
.no-goods p{font-size:14px;color:#666666;line-height: 20px;}

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#222222;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#fff;}
.txt-upDown-li:hover .title .page-a{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}


/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 60px 0 0;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #00ad6a;
  background: #00ad6a;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}



